<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html class="no-js" lang="ZXX">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Vistar - Clean, Minimal eCommerce HTML5 Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="manifest" href="site.webmanifest">
<link rel="shortcut icon" type="image/x-icon"
	href="assets/img/favicon.ico">
<!-- Place favicon.ico in the root directory -->

<!-- CSS here -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/css/themify-icons.css">
<link rel="stylesheet" href="assets/css/dripicons.css">
<link rel="stylesheet" href="assets/css/meanmenu.css">
<link rel="stylesheet" href="assets/css/slick.css">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body>


	<!-- header-start -->
	<header>

		<div id="sticky-header" class="main-menu-area pl-55 pr-55">
			<div class="container-fluid">
				<div class="row">
					<div class="col-xl-3 col-lg-2 d-flex align-items-center">
						<div class="logo">
							<a href="Main.jsp"><img src="assets/img/logo/logo.png"
								alt="" /></a>
						</div>
					</div>
					<div class="col-xl-6 col-lg-7">
						<div class="header-search f-right d-none d-xl-block">
							<form class="header-search-form">
								<input placeholder="Search" type="text">
								<button type="submit">
									<i class="dripicons-search"></i>
								</button>
							</form>
						</div>
						<div class="main-menu text-center">
							<nav id="mobile-menu">
								<ul>
									<li class="active"><a href="#">手机品牌</a>
										<ul class="sub-menu text-left">
											<li><a
												href="http://localhost:8080/phone-introduce/Huawei-display.jsp">华为</a></li>
											<li><a href="index-2.html">小米</a></li>
											<li><a href="index-3.html">苹果</a></li>
											<li><a href="index-4.html">OPPO</a></li>
											<li><a href="index-5.html">VIVO</a></li>
											<li><a href="index-6.html">魅族</a></li>
											<li><a href="index-6.html">一加</a></li>
											<li><a href="index-6.html">锤子</a></li>
											<li><a href="index-6.html">中兴</a></li>
											<li><a href="#">...</a></li>
										</ul></li>
									<li><a href="http://localhost:8080/phone-introduce/manage?method=showActivityUsersList">活动情况</a>
								</ul>
							</nav>
						</div>
					</div>
					
				</div>
			</div>
		</div>
		<div class="extra-info">
			<div class="close-icon">
				<button>
					<i class="far fa-window-close"></i>
				</button>
			</div>
			<div class="logo-side mb-30">
				<a href="Main.jsp"> <img src="assets/img/logo/white.png"
					alt="" />
				</a>
			</div>
			<div class="side-info mb-30">
				<div class="contact-list mb-30">
					<h4>Office Address</h4>
					<p>123/A, Miranda City Likaoli Prikano, Dope</p>
				</div>
				<div class="contact-list mb-30">
					<h4>Phone Number</h4>
					<p>+0989 7876 9865 9</p>
					<p>+(090) 8765 86543 85</p>
				</div>
				<div class="contact-list mb-30">
					<h4>Email Address</h4>
					<p>
						<a href="/cdn-cgi/l/email-protection" class="__cf_email__"
							data-cfemail="1d74737b725d78657c706d7178337e7270">[email&#160;protected]</a>
					</p>
					<p>
						<a href="/cdn-cgi/l/email-protection" class="__cf_email__"
							data-cfemail="37524f565a475b52195a565e5b775f425a1954585a">[email&#160;protected]</a>
					</p>
				</div>
			</div>
			<div class="instagram">
				<a href="#"> <img src="assets/img/portfolio/p1.jpg" alt="">
				</a> <a href="#"> <img src="assets/img/portfolio/p2.jpg" alt="">
				</a> <a href="#"> <img src="assets/img/portfolio/p3.jpg" alt="">
				</a> <a href="#"> <img src="assets/img/portfolio/p4.jpg" alt="">
				</a> <a href="#"> <img src="assets/img/portfolio/p5.jpg" alt="">
				</a> <a href="#"> <img src="assets/img/portfolio/p6.jpg" alt="">
				</a>
			</div>
			<div class="social-icon-right mt-20">
				<a href="#"> <i class="fab fa-facebook-f"></i>
				</a> <a href="#"> <i class="fab fa-twitter"></i>
				</a> <a href="#"> <i class="fab fa-google-plus-g"></i>
				</a> <a href="#"> <i class="fab fa-instagram"></i>
				</a>
			</div>
		</div>
	</header>
	<!-- header-end -->

	<main> <!-- slider-start -->
	<div class="slider-area">
		<div class="slider-active">
			<div class="single-slider slider-height d-flex align-items-center"
				style="background-image: url(assets/img/主页导航栏图/huawei03.jpg)">
				<div class="container">
					<div class="row ">
						<div class="col-xl-4 col-lg-8">
							<div class="slider-content">
								<span data-animation="fadeInLeft" data-delay=".3s">最新活动：
							    </span>
								<h1 data-animation="fadeInLeft" data-delay=".5s">华为新品发布会
								
							     </h1>
								<p data-animation="fadeInLeft" data-delay=".7s">2019.12.12北京中关村2号</p>
								<div class="slider-button" data-animation="fadeInUp"
									data-delay=".9s">
									<a class="text-link" href="http://localhost:8080/phone-introduce/phone?method=getActivitiesList">take a look at</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="single-slider slider-height d-flex align-items-center"
				style="background-image: url(assets/img/主页导航栏图/huawei03.jpg)">
				<div class="container">
					<div class="row ">
						<div class="col-xl-4 col-lg-8">
							<div class="slider-content">
								<span data-animation="fadeInLeft" data-delay=".3s">最新活动：
								</span>
								<h1 data-animation="fadeInLeft" data-delay=".5s">华为新品发布会</h1>
								<p data-animation="fadeInLeft" data-delay=".7s">2019.12.12北京中关村2号</p>
								<div class="slider-button" data-animation="fadeInUp"
									data-delay=".9s">
									<a class="text-link" href="http://localhost:8080/phone-introduce/phone?method=getActivitiesList">take a look at</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="single-slider slider-height d-flex align-items-center"
				style="background-image: url(assets/img/主页导航栏图/huawei03.jpg)">
				<div class="container">
					<div class="row ">
						<div class="col-xl-4 col-lg-8">
							<div class="slider-content">
								<span data-animation="fadeInLeft" data-delay=".3s">最新活动：</span>
								<h1 data-animation="fadeInLeft" data-delay=".5s">华为新品发布会</h1>
								<p data-animation="fadeInLeft" data-delay=".7s">2019.12.12北京中关村2号</p>
								<div class="slider-button" data-animation="fadeInUp"
									data-delay=".9s">
									<a class="text-link" href="http://localhost:8080/phone-introduce/phone?method=getActivitiesList">take a look at</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- slider-start --> <!-- banner-area-start -->
	<div class="banner-area pt-120 pb-85">
		<div class="container">
			<div class="row">
				<div class="col-xl-4 col-lg-4 col-md-6">
					<div class="banner-wrapper mb-30">
						<div class="banner-img">
							<a href="http://localhost:8080/phone-introduce/Huawei-display.jsp"><img src="assets/img/主页图/huawei1.jpg" alt="">
								<div class="banner-text">
									<div class="banner-inner">
										<h2 href="http://localhost:8080/phone-introduce/Huawei-display.jsp">华为</h2>
									</div>
								</div> </a>
						</div>
					
					</div>
				</div>
				<div class="col-xl-4 col-lg-4 col-md-6">
					<div class="banner-wrapper mb-30">
						<div class="banner-img">
							<a href="#"><img src="assets/img/主页图/mi01.jpg" alt="">
								<div class="banner-text">
									<div class="banner-inner">
										<h2>小米</h2>
									</div>
								</div> </a>
						</div>
					</div>
				</div>
				<div class="col-xl-4 col-lg-4 col-md-6">
					<div class="banner-wrapper mb-30">
						<div class="banner-img">
							<a href="#"><img src="assets/img/主页图/Apple01.jpg" alt="">
								<div class="banner-text">
									<div class="banner-inner">
										<h2>苹果</h2>
									</div>
								</div> </a>
						</div>
					</div>
				</div>
				<div class="col-xl-4 col-lg-4 col-md-6">
					<div class="banner-wrapper mb-30">
						<div class="banner-img">
							<a href="#"><img src="assets/img/主页图/oppo01.jpg" alt="">
								<div class="banner-text">
									<div class="banner-inner">
										<h2>oppo</h2>
									</div>
								</div> </a>
						</div>
					</div>
				</div>
				<div class="col-xl-4 col-lg-4 col-md-6">
					<div class="banner-wrapper mb-30">
						<div class="banner-img">
							<a href="#"><img src="assets/img/主页图/vivo01.jpg" alt="">
								<div class="banner-text">
									<div class="banner-inner">
										<h2>VIVO</h2>
									</div>
								</div> </a>
						</div>
					</div>
				</div>
				<div class="col-xl-4 col-lg-4 col-md-6">
					<div class="banner-wrapper mb-30">
						<div class="banner-img">
							<a href="#"><img src="assets/img/主页图/meizu01.jpg" alt="">
								<div class="banner-text">
									<div class="banner-inner">
										<h2>魅族</h2>
									</div>
								</div> </a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="blog-area pt-115 pb-85 grey-bg">
		<div class="container">
			<div class="row">
				<div class="col-xl-6 col-lg-6 offset-lg-3 offset-xl-3">
					<div class="area-title text-center mb-55">
						<h2>活动资讯</h2>
						<p>本测评网会不时有一些手机发布会内部票，欢迎用户抢票！</p>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-xl-4 col-lg-4 col-md-6 mb-30">
					<div class="blog-wrapper">
						<div class="blog-img">
							<a href="http://localhost:8080/phone-introduce/phone?method=getActivitiesList"><img src="assets/img/blog/01.jpg"
								alt=""></a>
						</div>

						<div class="blog-text">
							<h4>
								<a href="http://localhost:8080/phone-introduce/phone?method=getActivitiesList">定期福利</a>
							</h4>
						</div>
						
					</div>
				</div>
				<div class="col-xl-4 col-lg-4 col-md-6 mb-30">
					<div class="blog-wrapper">
						<div class="blog-img">
							<a href="http://localhost:8080/phone-introduce/phone?method=getActivitiesList"><img src="assets/img/blog/02.jpg"
								alt=""></a>
						</div>

						<div class="blog-text">
							<h4>
								<a href="http://localhost:8080/phone-introduce/phone?method=getActivitiesList">多多关注</a>
							</h4>
						</div>
						
					</div>
				</div>
				<div class="col-xl-4 col-lg-4 col-md-6 mb-30">
					<div class="blog-wrapper">
						<div class="blog-img">
							<a href="http://localhost:8080/phone-introduce/phone?method=getActivitiesList"><img src="assets/img/blog/03.jpg"
								alt=""></a>
						</div>

						<div class="blog-text">
							<h4>
								<a href="http://localhost:8080/phone-introduce/phone?method=getActivitiesList">多多支持</a>
							</h4>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- blog-area-end --> <!-- newsletter-area-start -->
	
	<!-- newsletter-area-end --> </main>
	<!-- footer-start -->
	<footer>
		<div class="footer-area pt-80 pb-120">
			<div class="container">
				<div class="row">
					<div class="col-xl-3 col-lg-3 col-md-6">
						<div class="footer-wrapper mb-30">
							<div class="footer-logo">
								<a href="Main.jsp"><img height="100px" src="assets/img/logo/logo.png"
									alt=""></a>
							</div>
						</div>
					</div>
					<div class="col-xl-4 col-lg-4 col-md-6">
						<div class="footer-wrapper mb-30">
							<h4 class="footer-title">Quick Link</h4>
							<ul class="footer-menu footer-2-menu">
								<li><a href="#">About us</a></li>
								<li><a href="#">term</a></li>
								<li><a href="#">policy</a></li>
								<li><a href="#">service</a></li>
								<li><a href="#">My Account</a></li>
								<li><a href="#">Checkout</a></li>
								<li><a href="#">Order tracking</a></li>
								<li><a href="#">Help & Support</a></li>
							</ul>
						</div>
					</div>
					<div class="col-xl-3 col-lg-2 col-md-6">
						<div class="footer-wrapper mb-30">
							<h4 class="footer-title">Contact Us</h4>
							<ul class="footer-link">
								<li>Sagrada Familia, Herba <br> Street Front USA
								</li>
								<li><a href="/cdn-cgi/l/email-protection"
									class="__cf_email__"
									data-cfemail="1e7f7a7377705e7b667f736e727b307d7173">[email&#160;protected]</a></li>
								<li>002- 01008431112</li>
							</ul>
						</div>
					</div>
					<div class="col-xl-2 col-lg-2 col-md-6">
						<div class="footer-wrapper mb-30 ml-70">
							<h4 class="footer-title">Follow Us</h4>
							<ul class="footer-menu">
								<li><a href="#">Facebook/Vistar</a></li>
								<li><a href="#">Twitter/Vistar</a></li>
								<li><a href="#">Linkdin/Vistar</a></li>
								<li><a href="#">Skype_Vistar</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="footer-bottom-area pt-25">
				<div class="container">
					<div class="row">
						<div class="col-xl-8 col-lg-8 col-md-8">
							<div class="copyright">
								<p>
									Copyright <i class="far fa-copyright"></i> 2018 <a href="#">BDevs.</a>
									All Rights Reserved
								</p>
							</div>
						</div>
						<div class="col-xl-4 col-lg-4 col-md-4">
							<div class="footer-bottom-img text-center text-lg-right">
								<img src="assets/img/footer/01.png" alt="">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>
	<!-- footer-end -->




	<!-- JS here -->

	<script src="assets/js/vendor/modernizr-3.5.0.min.js"></script>
	<script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
	<script src="assets/js/popper.min.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	<script src="assets/js/owl.carousel.min.js"></script>
	<script src="assets/js/isotope.pkgd.min.js"></script>
	<script src="assets/js/jquery.countdown.min.js"></script>
	<script src="assets/js/slick.min.js"></script>
	<script src="assets/js/jquery.meanmenu.min.js"></script>
	<script src="assets/js/ajax-form.js"></script>
	<script src="assets/js/wow.min.js"></script>
	<script src="assets/js/jquery.scrollUp.min.js"></script>
	<script src="assets/js/imagesloaded.pkgd.min.js"></script>
	<script src="assets/js/jquery.magnific-popup.min.js"></script>
	<script src="assets/js/plugins.js"></script>
	<script src="assets/js/main.js"></script>
</body>
</html>